<!DOCTYPE html>
<html>

<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <title>Absolute-bootstrap3管理面板</title>
    <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme"/>
    <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
    <meta name="author" content="AdminDesigns">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Font CSS (Via CDN) -->
    <link rel='stylesheet' type='text/css' href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700'>

    <!-- Glyphicons Pro CSS(font) -->
    <link rel="stylesheet" type="text/css" href="assets/fonts/glyphicons-pro/glyphicons-pro.css">
    <!-- Iconsweets CSS(font) -->
    <link rel="stylesheet" type="text/css" href="assets/fonts/iconsweets/iconsweets.css">

    <!-- Iconmoon CSS(font) -->
    <link rel="stylesheet" type="text/css" href="assets/fonts/icomoon/icomoon.css">

    <!-- FullCalendar Plugin CSS -->
    <link rel="stylesheet" type="text/css" href="vendor/plugins/fullcalendar/fullcalendar.min.css">

    <!-- Theme CSS -->
    <link rel="stylesheet" type="text/css" href="assets/skin/default_skin/css/theme.css">

    <!-- Admin Forms CSS -->
    <link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.min.css">

    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/img/favicon.ico">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>

<body class="dashboard-page">

<!--
  <身体>辅助类：
”。sb-l-o”-设置左栏的“打开”
”。sb-l-m”-设置左栏“缩小”
”。sb-l-c”-设置左栏“关闭”
”。sb-r-o”集右侧边栏的“开放”
”。sb-r-c”右侧边栏设置“关闭”
例如：<体类=“页例sb-l-o sb-r-c”>
结果：左开右边栏，侧边栏关闭
-->

<!--begin：主题预览窗格-->
<div id="skin-toolbox">
    <div class="panel">
        <div class="panel-heading">
        <span class="panel-icon">
          <i class="fa fa-gear text-primary"></i>
        </span>
            <span class="panel-title">主题选择</span>
        </div>
        <div class="panel-body pn">
            <ul class="nav nav-list nav-list-sm pl15 pt10" role="tablist">
                <li class="active">
                    <a href="#toolbox-header" role="tab" data-toggle="tab">导航栏</a>
                </li>
                <li>
                    <a href="#toolbox-sidebar" role="tab" data-toggle="tab">侧边栏</a>
                </li>
                <li>
                    <a href="#toolbox-settings" role="tab" data-toggle="tab">杂项</a>
                </li>
            </ul>
            <div class="tab-content p20 ptn pb15">
                <div role="tabpanel" class="tab-pane active" id="toolbox-header">
                    <form id="toolbox-header-skin">
                        <h4 class="mv20">Header Skins</h4>

                        <div class="skin-toolbox-swatches">
                            <div class="checkbox-custom checkbox-disabled fill mb5">
                                <input type="radio" name="headerSkin" id="headerSkin8" checked value="">
                                <label for="headerSkin8">Light</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-primary mb5">
                                <input type="radio" name="headerSkin" id="headerSkin1" value="bg-primary">
                                <label for="headerSkin1">Primary</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-info mb5">
                                <input type="radio" name="headerSkin" id="headerSkin3" value="bg-info">
                                <label for="headerSkin3">Info</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-warning mb5">
                                <input type="radio" name="headerSkin" id="headerSkin4" value="bg-warning">
                                <label for="headerSkin4">Warning</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-danger mb5">
                                <input type="radio" name="headerSkin" id="headerSkin5" value="bg-danger">
                                <label for="headerSkin5">Danger</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-alert mb5">
                                <input type="radio" name="headerSkin" id="headerSkin6" value="bg-alert">
                                <label for="headerSkin6">Alert</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-system mb5">
                                <input type="radio" name="headerSkin" id="headerSkin7" value="bg-system">
                                <label for="headerSkin7">System</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-success mb5">
                                <input type="radio" name="headerSkin" id="headerSkin2" value="bg-success">
                                <label for="headerSkin2">Success</label>
                            </div>
                            <div class="checkbox-custom fill mb5">
                                <input type="radio" name="headerSkin" id="headerSkin9" value="bg-dark">
                                <label for="headerSkin9">Dark</label>
                            </div>
                        </div>
                    </form>
                </div>
                <div role="tabpanel" class="tab-pane" id="toolbox-sidebar">
                    <form id="toolbox-sidebar-skin">
                        <h4 class="mv20">Sidebar Skins</h4>

                        <div class="skin-toolbox-swatches">
                            <div class="checkbox-custom fill mb5">
                                <input type="radio" name="sidebarSkin" checked id="sidebarSkin3" value="">
                                <label for="sidebarSkin3">Dark</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-disabled mb5">
                                <input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light">
                                <label for="sidebarSkin1">Light</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-light mb5">
                                <input type="radio" name="sidebarSkin" id="sidebarSkin2" value="sidebar-light light">
                                <label for="sidebarSkin2">Lighter</label>
                            </div>
                        </div>
                    </form>
                </div>
                <div role="tabpanel" class="tab-pane" id="toolbox-settings">
                    <form id="toolbox-settings-misc">
                        <h4 class="mv20 mtn">布局选项</h4>

                        <div class="form-group">
                            <div class="checkbox-custom fill mb5">
                                <input type="checkbox" checked="" id="header-option">
                                <label for="header-option">固定头</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="checkbox-custom fill mb5">
                                <input type="checkbox" checked="" id="sidebar-option">
                                <label for="sidebar-option">固定侧边栏</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="checkbox-custom fill mb5">
                                <input type="checkbox" id="breadcrumb-option">
                                <label for="breadcrumb-option">固定 Breadcrumbs</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="checkbox-custom fill mb5">
                                <input type="checkbox" id="breadcrumb-hidden">
                                <label for="breadcrumb-hidden">Hide Breadcrumbs</label>
                            </div>
                        </div>
                        <h4 class="mv20">布局选项</h4>

                        <div class="form-group">
                            <div class="radio-custom mb5">
                                <input type="radio" id="fullwidth-option" checked name="layout-option">
                                <label for="fullwidth-option">全型布局</label>
                            </div>
                        </div>
                        <div class="form-group mb20">
                            <div class="radio-custom radio-disabled mb5">
                                <input type="radio" id="boxed-option" name="layout-option" disabled>
                                <label for="boxed-option">盒装布局
                                    <b class="text-muted">(Coming Soon)</b>
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="form-group mn br-t p15">
                <a href="#" id="clearLocalStorage" class="btn btn-primary btn-block pb10 pt10">明确本地储存</a>
            </div>
        </div>
    </div>
</div>
<!--End: 主题预览窗格-->

<!-- 开始：主 -->
<div id="main">

    <!--
      “.navbar辅助类：
        *定位类：
        “静态”.navbar顶部导航栏上放置静态
        “静态”.navbar顶部导航栏上放置的固定
        *皮肤：可用的类
        .bg黑暗.bg初级.bg成功
        .bg .bg .bg预警信息的危险
        .bg .bg -警报系统
        例如：＜class=“导航栏导航栏头固定顶BG -原发性”>
        结果：固定顶部导航栏与蓝色背景
        -->

    <!-- 头部 -->
    <header class="navbar navbar-fixed-top navbar-shadow">
        <div class="navbar-branding">
            <a class="navbar-brand" href="dashboard.html">
                <b>Absolute</b>Admin
            </a>
            <span id="toggle_sidemenu_l" class="ad ad-lines" title="菜单折叠/显示"></span>
        </div>
        <ul class="nav navbar-nav navbar-left">
            <li class="dropdown menu-merge hidden-xs">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">控制面板
                    <span class="caret caret-tp"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">修改密码</a></li>
                    <li><a href="#">我的角色</a></li>
                    <li><a href="#">我的权限</a></li>
                    <!-- <li class="divider"></li>
                    <li><a href="#">分离环节</a></li> -->
                </ul>
            </li>
            <li>
                <a href="admin_plugins-dock.html">
                    <span class="glyphicon glyphicon-equalizer"></span> 功能管理 </a>
            </li>
            <li>
                <a href="admin_plugins-dock.html">
                    <span class="glyphicon glyphicon-equalizer"></span> 系统管理 </a>
            </li>
            <li class="hidden-xs">
                <a class="request-fullscreen toggle-active" href="#" title="全屏">
                    <span class="ad ad-screen-full fs18"></span>
                </a>
            </li>
        </ul>
        <form class="navbar-form navbar-left navbar-search alt" role="search">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="搜索…" value="搜索…">
            </div>
        </form>
        <ul class="nav navbar-nav navbar-right">
            <li>
                <div class="navbar-btn btn-group">
                    <a href="#" class="topbar-menu-toggle btn btn-sm" data-toggle="button">
                        <span class="ad ad-wand"></span>
                    </a>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="fa fa-bell-o fs14 va-m"></span>
                        <span class="badge badge-danger">9</span>
                    </button>
                    <div class="dropdown-menu dropdown-persist w350 animated animated-shorter fadeIn" role="menu">
                        <div class="panel mbn">
                            <div class="panel-menu">
                                <span class="panel-icon"><i class="fa fa-clock-o"></i></span>
                                <span class="panel-title fw600"> 最近的活动 </span>
                                <button class="btn btn-default light btn-xs pull-right" type="button"><i
                                        class="fa fa-refresh"></i></button>
                            </div>
                            <div class="panel-body panel-scroller scroller-navbar scroller-overlay scroller-pn pn">
                                <ol class="timeline-list">
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Michael</b> Added to his store:
                                            <a href="#">Ipod</a>
                                        </div>
                                        <div class="timeline-date">1:25am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Sara</b> Added his store:
                                            <a href="#">Notebook</a>
                                        </div>
                                        <div class="timeline-date">3:05am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Apple</a>
                                        </div>
                                        <div class="timeline-date">7:45am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Apple</a>
                                        </div>
                                        <div class="timeline-date">7:45am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Michael</b> Added his store:
                                            <a href="#">Ipod</a>
                                        </div>
                                        <div class="timeline-date">8:25am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-system">
                                            <span class="fa fa-fire"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Sara</b> Added to his store:
                                            <a href="#">Notebook</a>
                                        </div>
                                        <div class="timeline-date">3:05am</div>
                                    </li>
                                </ol>

                            </div>
                            <div class="panel-footer text-center p7">
                                <a href="#" class="link-unstyled"> View All </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="ad ad-radio-tower fs14 va-m"></span>
                        <span class="badge">5</span>
                    </button>
                    <div class="dropdown-menu dropdown-persist w375 animated animated-shorter fadeIn" role="menu">
                        <div class="panel mbn">
                            <div class="panel-menu">
                                <div class="btn-group btn-group-justified btn-group-nav" role="tablist">
                                    <a href="#nav-tab1" data-toggle="tab" class="btn btn-default btn-sm active">通知</a>
                                    <a href="#nav-tab2" data-toggle="tab" class="btn btn-default btn-sm br-l-n br-r-n">消息</a>
                                    <a href="#nav-tab3" data-toggle="tab" class="btn btn-default btn-sm">活动</a>
                                </div>
                            </div>
                            <div class="panel-body panel-scroller scroller-navbar pn">
                                <div class="tab-content br-n pn">
                                    <div id="nav-tab1" class="tab-pane alerts-widget active" role="tabpanel">
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-user text-info"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">新登记
                                                    <small class="text-muted"></small>
                                                </h5>
                                                泰勒•16小时前

                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-shopping-cart text-success"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Order
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Confirm?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-print"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-comment text-system"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Comment
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Mike - I loved your article!
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response text-right"> Moderate?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-pencil"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-star text-warning"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Review
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Sammy Hilton - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-user text-info"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Registration
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Michael Sober - 7 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-usd text-alert"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Invoice
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago

                                            </div>
                                            <div class="media-right">
                                                <div class="media-response single">#518358</div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-shopping-cart text-success"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Order
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Confirm?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-print"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="nav-tab2" class="tab-pane chat-widget" role="tabpanel">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/3.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                ante sollicitudin.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                scelerisque.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/2.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metuscommodo.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in Nulla vel metus scelerisque antecommodo.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/2.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                soltudino.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                ante sollicitudin commodo.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="nav-tab3" class="tab-pane scroller-nm" role="tabpanel">
                                        <ul class="media-list" role="menu">
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small> - 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/4.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small> - 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                        </ul>
                                        <table class="table table-striped hidden">
                                            <thead>
                                            <tr>
                                                <th>First Name</th>
                                                <th>Last Name</th>
                                                <th>Username</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            <tr>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            <tr>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer text-center p7">
                                <a href="#" class="link-unstyled"> View All </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="flag-xs flag-us"></span>
                        <!-- <span class="caret"></span> -->
                    </button>
                    <ul class="dropdown-menu pv5 animated animated-short flipInX" role="menu">
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-in mr10"></span> Hindu </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-tr mr10"></span> Turkish </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-es mr10"></span> Spanish </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="menu-divider hidden-xs">
                <i class="fa fa-circle"></i>
            </li>
            <li class="dropdown menu-merge">
                <a href="#" class="dropdown-toggle fw600 p15" data-toggle="dropdown">
                    <img src="assets/img/avatars/1.jpg" alt="avatar" class="mw30 br64">
                    <span class="hidden-xs pl15">西瓜皮</span>
                    <span class="caret caret-tp hidden-xs"></span>
                </a>
                <ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
                    <li class="dropdown-header clearfix">
                        <div class="pull-left ml10">
                            <select id="user-status">
                                <optgroup label="现状:">
                                    <option value="1-1">离开</option>
                                    <option value="1-2">离线</option>
                                    <option value="1-3" selected="selected">在线</option>
                                </optgroup>
                            </select>
                        </div>

                        <div class="pull-right mr10">
                            <select id="user-role">
                                <optgroup label="Logged in As:">
                                    <option value="1-1">客户端</option>
                                    <option value="1-2">编辑</option>
                                    <option value="1-3" selected="selected">管理员</option>
                                </optgroup>
                            </select>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-envelope"></span> 信息
                            <span class="label label-warning">2</span>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-user"></span> 朋友
                            <span class="label label-warning">6</span>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-bell"></span> 通知 </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-gear"></span> 设置 </a>
                    </li>
                    <li class="dropdown-footer">
                        <a href="pages_login.html" class="">
                            <span class="fa fa-power-off pr5"></span> 注销 </a>

                    </li>
                </ul>
            </li>
        </ul>
    </header>
    <!-- End: 头部 -->

    <!--
       “# sidebar_left”助手类：
        *定位类：
        ”。贴上“集栏左到固定位置
        *可用的皮肤类：
        黑暗。侧边栏（默认无类需要）
        侧边栏的光。
        sidebar-light.light。
        例如：<<除了id =“sidebar_left”class=“词缀侧光”>
        结果：光/白色背景固定左边栏
        -->

    <!-- Start: 主体左侧边栏 -->
    <aside id="sidebar_left" class="nano nano-light affix">

        <!-- Start: Sidebar Left Content -->
        <div class="sidebar-left-content nano-content">

            <!-- Start: Sidebar Header -->
            <header class="sidebar-header">

                <!-- Sidebar Widget - Author -->
                <div class="sidebar-widget author-widget">
                    <div class="media">
                        <a class="media-left" href="#">
                            <img src="assets/img/avatars/3.jpg" class="img-responsive">
                        </a>

                        <div class="media-body">
                            <div class="media-links">
                                <a href="#" class="sidebar-menu-toggle">用户菜单 -</a> <a
                                    href="pages_login.html">注销</a>
                            </div>
                            <div class="media-author">冬瓜皮</div>
                        </div>
                    </div>
                </div>

                <!-- Sidebar Widget - Menu (slidedown) -->
                <div class="sidebar-widget menu-widget">
                    <div class="row text-center mbn">
                        <div class="col-xs-4">
                            <a href="dashboard.html" class="text-primary" data-toggle="tooltip" data-placement="top"
                               title="Dashboard">
                                <span class="glyphicon glyphicon-home"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_messages.html" class="text-info" data-toggle="tooltip" data-placement="top"
                               title="Messages">
                                <span class="glyphicon glyphicon-inbox"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_profile.html" class="text-alert" data-toggle="tooltip" data-placement="top"
                               title="Tasks">
                                <span class="glyphicon glyphicon-bell"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_timeline.html" class="text-system" data-toggle="tooltip" data-placement="top"
                               title="Activity">
                                <span class="fa fa-desktop"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_profile.html" class="text-danger" data-toggle="tooltip" data-placement="top"
                               title="Settings">
                                <span class="fa fa-gears"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_gallery.html" class="text-warning" data-toggle="tooltip" data-placement="top"
                               title="Cron Jobs">
                                <span class="fa fa-flask"></span>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- 侧边栏小工具搜索（隐藏） -->
                <div class="sidebar-widget search-widget hidden">
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-search"></i>
                        </span>
                        <input type="text" id="sidebar-search" class="form-control" placeholder="Search...">
                    </div>
                </div>

            </header>
            <!-- End: 侧边栏的标题 -->

            <!-- Start: 侧边栏菜单 -->
            <ul class="nav sidebar-menu">
                <li class="active">
                    <a href="index.html">
                        <span class="glyphicon glyphicon-home"></span>
                        <span class="sidebar-title">首页</span>
                    </a>
                </li>
                <li>
                    <a href="pages_messages(alt).html">
                        <span class="fa fa-envelope-o"></span>
                        <span class="sidebar-title">信息</span>
                        <span class="sidebar-title-tray">
                            <span class="label label-xs bg-primary">New</span>
                        </span>
                    </a>
                </li>
                <li class="sidebar-label pt15">综合管理</li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="icon-users"></span>
                        <span class="sidebar-title">用户管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="member.html">
                                <span class="icon-user"></span> 会员管理 </a>
                        </li>
                        <li>
                            <a href="identifyCheck.html">
                                <span class="glyphicon glyphicon-ok-circle"></span> 认证查询 </a>
                        </li>
                        <li>
                            <a href="admin_plugins-dock.html">
                                <span class="glyphicons glyphicons-rotation_lock"></span> 用户冻结 </a>
                        </li>
                        <li>
                            <a href="admin_plugins-dock.html">
                                <span class="glyphicons glyphicons-old_man"></span> 领头人认证 </a>
                        </li>
                        <li>
                            <a href="admin_plugins-dock.html">
                                <span class="glyphicons glyphicons-vcard"></span> 合格投资人认证 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-coins"></span>
                        <span class="sidebar-title">财务管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="admin_forms-elements.html">
                                <span class="fa fa-money"></span> 提现管理 </a>
                        </li>
                        <li>
                            <a href="admin_forms-widgets.html">
                                <span class="glyphicons glyphicons-database_plus"></span> 充值管理 </a>
                        </li>
                        <li>
                            <a href="admin_forms-layouts.html">
                                <span class="imoon imoon-coin"></span> 资金管理 </a>
                        </li>
                        <li>
                            <a href="admin_forms-wizard.html">
                                <span class="glyphicons glyphicons-log_book"></span> 资金记录 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-notes"></span>
                        <span class="sidebar-title">报表管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="admin_forms-elements.html">
                                <span class="icon-chart-pie-35"></span> 用户分析 </a>
                        </li>
                        <li>
                            <a href="admin_forms-widgets.html">
                                <span class="glyphicons glyphicons-charts"></span> 项目统计分析 </a>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-label pt20">产品管理</li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-group"></span>
                        <span class="sidebar-title">股权众筹</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="widgets_tile.html">
                                <span class="fa fa-check-square-o"></span> 初审项目 </a>
                        </li>
                        <li>
                            <a href="widgets_panel.html">
                                <span class="fa fa-check-square-o"></span> 预热中项目 </a>
                        </li>
                        <li>
                            <a href="widgets_scroller.html">
                                <span class="fa fa-check-square-o"></span> 认购中项目 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 已完成项目 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 待放款项目 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 已成功项目 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 已失败项目 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 投资记录 </a>
                        </li>
                        <li>
                            <a href="widgets_data.html">
                                <span class="fa fa-check-square-o"></span> 项目评语 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="icon-ideal"></span>
                        <span class="sidebar-title">产品众筹</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="ecommerce_dashboard.html">
                                <span class="fa fa-check-square-o"></span> 初审项目
                            </a>
                        </li>
                        <li>
                            <a href="ecommerce_products.html">
                                <span class="fa fa-check-square-o"></span> 预热中项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_orders.html">
                                <span class="fa fa-check-square-o"></span> 认购中项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_customers.html">
                                <span class="fa fa-check-square-o"></span> 已完成项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_settings.html">
                                <span class="fa fa-check-square-o"></span> 待放款项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_settings.html">
                                <span class="fa fa-check-square-o"></span> 已成功项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_settings.html">
                                <span class="fa fa-check-square-o"></span> 已失败项目 </a>
                        </li>
                        <li>
                            <a href="ecommerce_settings.html">
                                <span class="fa fa-check-square-o"></span> 产品投资记录 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-folder_flag"></span>
                        <span class="sidebar-title">投后管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="ecommerce_dashboard.html">
                                <span class="fa fa-th-list"></span> 项目信息
                            </a>
                        </li>
                        <li>
                            <a href="ecommerce_products.html">
                                <span class="fa fa-th-list"></span> 公示信息 </a>
                        </li>
                        <li>
                            <a href="ecommerce_orders.html">
                                <span class="fa fa-th-list"></span> 财报披露 </a>
                        </li>
                        <li>
                            <a href="ecommerce_orders.html">
                                <span class="fa fa-th-list"></span> 重大事件 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-circle_info"></span>
                        <span class="sidebar-title">项目附属信息</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="ecommerce_dashboard.html">
                                <span class="fa fa-sitemap"></span> 行业类别
                            </a>
                        </li>
                        <li>
                            <a href="ecommerce_products.html">
                                <span class="fa fa-sitemap"></span> 项目评论 </a>
                        </li>
                        <li>
                            <a href="ecommerce_orders.html">
                                <span class="fa fa-sitemap"></span> 项目动态 </a>
                        </li>
                    </ul>
                </li>
                <!-- sidebar resources -->
                <li class="sidebar-label pt20">运营管理</li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="fa fa-bullhorn"></span>
                        <span class="sidebar-title">宣传管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="bannerManage.html">
                                <span class="imoon imoon-newspaper"></span> 栏目管理 </a>
                        </li>
                        <li>
                            <a href="ui_animations.html">
                                <span class="glyphicon glyphicon-paperclip"></span> 文章管理 </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="accordion-toggle" href="#">
                        <span class="glyphicons glyphicons-comments"></span>
                        <span class="sidebar-title">客服管理</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="nav sub-nav">
                        <li>
                            <a href="form_inputs.html">
                                <span class="icon-user-comment"></span> 客服信息 </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- End: 侧边栏菜单 -->

            <!-- Start: 侧边栏折叠按钮 -->
            <div class="sidebar-toggle-mini">
                <a href="#">
                    <span class="fa fa-sign-out"></span>
                </a>
            </div>
            <!-- End: 侧边栏折叠按钮 -->

        </div>
        <!-- End: 侧边栏左内容 -->

    </aside>
    <!-- End: 主体左侧边栏  -->

    <!-- Start: 内容包裹 -->
    <section id="content_wrapper">

        <!-- Start: 顶部导航条-下拉框 -->
        <div id="topbar-dropmenu" class="alt">
            <div class="topbar-menu row">
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-primary light">
                        <span class="glyphicon glyphicon-inbox text-muted"></span>
                        <span class="metro-title">消息</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-info light">
                        <span class="glyphicon glyphicon-user text-muted"></span>
                        <span class="metro-title">用户</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-success light">
                        <span class="glyphicon glyphicon-headphones text-muted"></span>
                        <span class="metro-title">音频</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-system light">
                        <span class="glyphicon glyphicon-facetime-video text-muted"></span>
                        <span class="metro-title">视频</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-warning light">
                        <span class="fa fa-gears text-muted"></span>
                        <span class="metro-title">设置</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-alert light">
                        <span class="glyphicon glyphicon-picture text-muted"></span>
                        <span class="metro-title">图片</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- End: 顶部导航条-下拉框 -->

        <!-- Start: 页面内容-上工具条 -->
        <header id="topbar" class="alt">
            <div class="topbar-left">
                <ol class="breadcrumb">
                    <li class="crumb-icon">
                        <a href="index.html">
                            <span class="glyphicon glyphicon-home"></span>
                        </a>
                    </li>
                    <li class="crumb-link">
                        <a href="index.html">主页</a>
                    </li>
                </ol>
            </div>
            <div class="topbar-right">
                <div class="ib topbar-dropdown">
                    <label for="topbar-multiple" class="control-label pr10 fs11 text-muted">报表周期</label>
                    <select id="topbar-multiple" class="hidden">
                        <optgroup label="Filter By:">
                            <option value="1-1">最后30天</option>
                            <option value="1-2" selected="selected">最后60天</option>
                            <option value="1-3">前一年</option>
                        </optgroup>
                    </select>
                </div>
                <div class="ml15 ib va-m" id="toggle_sidemenu_r">
                    <a href="#" class="pl5">
                        <i class="fa fa-sign-in fs22 text-primary"></i>
                        <span class="badge badge-danger badge-hero">3</span>
                    </a>
                </div>
            </div>
        </header>
        <!-- End: 页面内容-上工具条 -->

        <!-- Begin: 内容 -->
        <section id="content" class="table-layout animated fadeIn">

            <!-- begin: .tray-center -->
            <div class="tray tray-center">
                <div class="row">
                    <div class="col-sm-4 col-xl-3">
                        <div class="panel panel-tile text-center br-a br-grey">
                            <div class="panel-body">
                                <h1 class="fs30 mt5 mbn">1,426</h1>
                                <h6 class="text-system">用户总数</h6>
                            </div>
                            <div class="panel-footer br-t p12">
                                <span class="fs11">
                                   <i class="fa fa-arrow-up pr5"></i> 3% 增加
                                   <b>1W 之前</b>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xl-3">
                        <div class="panel panel-tile text-center br-a br-grey">
                            <div class="panel-body">
                                <h1 class="fs30 mt5 mbn">63,262</h1>
                                <h6 class="text-success">资金总额</h6>
                            </div>
                            <div class="panel-footer br-t p12">
                                <span class="fs11">
                                    <i class="fa fa-arrow-up pr5"></i> 2.7% 增加
                                    <b>1W 之前</b>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xl-3">
                        <div class="panel panel-tile text-center br-a br-grey">
                            <div class="panel-body">
                                <h1 class="fs30 mt5 mbn">248</h1>
                                <h6 class="text-warning">股权众筹项目总数</h6>
                            </div>
                            <div class="panel-footer br-t p12">
                                <span class="fs11">
                                   <i class="fa fa-arrow-up pr5 text-success"></i> 1% 增加
                                   <b>1W 之前</b>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xl-3 visible-xl">
                        <div class="panel panel-tile text-center br-a br-grey">
                            <div class="panel-body">
                                <h1 class="fs30 mt5 mbn">6,718</h1>
                                <h6 class="text-danger">产品众筹项目总数</h6>
                            </div>
                            <div class="panel-footer br-t p12">
                                <span class="fs11">
                                   <i class="fa fa-arrow-down pr5 text-danger"></i> 6% 增加
                                   <b>1W 之前</b>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>             

                

            </div>
            <!-- end: .tray-center -->

            <!-- begin: .tray-right -->
            <aside class="tray tray-right tray270 pn hidden" data-tray-height="match">

                <!-- store activity timeline -->
                <ol class="timeline-list pl5 mt5">
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Michael</b> Added a new item to his store:
                            <a href="#">Ipod</a>
                        </div>
                        <div class="timeline-date">1:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Sara</b> Added a new item to his store:
                            <a href="#">Notebook</a>
                        </div>
                        <div class="timeline-date">3:05am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-success">
                            <span class="fa fa-usd"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Admin</b> created a new invoice for:
                            <a href="#">Software</a>
                        </div>
                        <div class="timeline-date">4:15am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-warning">
                            <span class="fa fa-pencil"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Laura</b> edited her work experience
                        </div>
                        <div class="timeline-date">5:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-success">
                            <span class="fa fa-usd"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Admin</b> created a new invoice for:
                            <a href="#">Apple Inc.</a>
                        </div>
                        <div class="timeline-date">7:45am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Michael</b> Added a new item to his store:
                            <a href="#">Ipod</a>
                        </div>
                        <div class="timeline-date">8:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Sara</b> Added a new item to his store:
                            <a href="#">Watch</a>
                        </div>
                        <div class="timeline-date">9:35am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-system">
                            <span class="fa fa-fire"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Admin</b> created a new invoice for:
                            <a href="#">Software</a>
                        </div>
                        <div class="timeline-date">4:15am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-warning">
                            <span class="fa fa-pencil"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Laura</b> edited her work experience
                        </div>
                        <div class="timeline-date">5:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-success">
                            <span class="fa fa-usd"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Admin</b> created a new invoice for:
                            <a href="#">Software</a>
                        </div>
                        <div class="timeline-date">4:15am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-warning">
                            <span class="fa fa-pencil"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Laura</b> edited her work experience
                        </div>
                        <div class="timeline-date">5:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-success">
                            <span class="fa fa-usd"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Admin</b> created a new invoice for:
                            <a href="#">Apple Inc.</a>
                        </div>
                        <div class="timeline-date">7:45am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Michael</b> Added a new item to his store:
                            <a href="#">Ipod</a>
                        </div>
                        <div class="timeline-date">8:25am</div>
                    </li>
                    <li class="timeline-item">
                        <div class="timeline-icon bg-dark light">
                            <span class="fa fa-tags"></span>
                        </div>
                        <div class="timeline-desc">
                            <b>Sara</b> Added a new item to his store:
                            <a href="#">Watch</a>
                        </div>
                        <div class="timeline-date">9:35am</div>
                    </li>
                </ol>

            </aside>
            <!-- end: .tray-right -->

        </section>
        <!-- End: 内容 -->

        <!-- Begin: 页脚 -->
        <footer id="content-footer" class="affix">
            <div class="row">
                <div class="col-md-6">
                    <span class="footer-legal">© 2015 AdminDesigns</span>
                </div>
                <div class="col-md-6 text-right">
                    <span class="footer-meta">60GB of <b>350GB</b> Free</span>
                    <a href="#content" class="footer-return-top">
                        <span class="fa fa-arrow-up"></span>
                    </a>
                </div>
            </div>
        </footer>
        <!-- End: 页脚 -->

    </section>
    <!-- End: 内容包裹 -->

    <!-- Start: 右侧边栏 -->
    <aside id="sidebar_right" class="nano affix">

        <!-- Start: Sidebar Right Content -->
        <div class="sidebar-right-content nano-content">

            <div class="tab-block sidebar-block br-n">
                <ul class="nav nav-tabs tabs-border nav-justified hidden">
                    <li class="active">
                        <a href="#sidebar-right-tab1" data-toggle="tab">Tab 1</a>
                    </li>
                    <li>
                        <a href="#sidebar-right-tab2" data-toggle="tab">Tab 2</a>
                    </li>
                    <li>
                        <a href="#sidebar-right-tab3" data-toggle="tab">Tab 3</a>
                    </li>
                </ul>
                <div class="tab-content br-n">
                    <div id="sidebar-right-tab1" class="tab-pane active">

                        <h5 class="title-divider text-muted mb20"> Server Statistics
                <span class="pull-right"> 2013
                  <i class="fa fa-caret-down ml5"></i>
                </span>
                        </h5>

                        <div class="progress mh5">
                            <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="45"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 44%">
                                <span class="fs11">DB Request</span>
                            </div>
                        </div>
                        <div class="progress mh5">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="45"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 84%">
                                <span class="fs11 text-left">服务器负载</span>
                            </div>
                        </div>
                        <div class="progress mh5">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 61%">
                                <span class="fs11 text-left">Server Connections</span>
                            </div>
                        </div>

                        <h5 class="title-divider text-muted mt30 mb10">Traffic Margins</h5>

                        <div class="row">
                            <div class="col-xs-5">
                                <h3 class="text-primary mn pl5">132</h3>
                            </div>
                            <div class="col-xs-7 text-right">
                                <h3 class="text-success-dark mn">
                                    <i class="fa fa-caret-up"></i> 13.2% </h3>
                            </div>
                        </div>

                        <h5 class="title-divider text-muted mt25 mb10">Database Request</h5>

                        <div class="row">
                            <div class="col-xs-5">
                                <h3 class="text-primary mn pl5">212</h3>
                            </div>
                            <div class="col-xs-7 text-right">
                                <h3 class="text-success-dark mn">
                                    <i class="fa fa-caret-up"></i> 25.6% </h3>
                            </div>
                        </div>

                        <h5 class="title-divider text-muted mt25 mb10">Server Response</h5>

                        <div class="row">
                            <div class="col-xs-5">
                                <h3 class="text-primary mn pl5">82.5</h3>
                            </div>
                            <div class="col-xs-7 text-right">
                                <h3 class="text-danger mn">
                                    <i class="fa fa-caret-down"></i> 17.9% </h3>
                            </div>
                        </div>

                        <h5 class="title-divider text-muted mt40 mb20"> Server Statistics
                            <span class="pull-right text-primary fw600">USA</span>
                        </h5>


                    </div>
                    <div id="sidebar-right-tab2" class="tab-pane"></div>
                    <div id="sidebar-right-tab3" class="tab-pane"></div>
                </div>
                <!-- end: .tab-content -->
            </div>
        </div>
    </aside>
    <!-- End: 右侧边栏 -->

</div>
<!-- End: 主 -->

<!-- BEGIN: PAGE SCRIPTS -->

<!-- jQuery -->
<script src="vendor/jquery/jquery-1.11.1.min.js"></script>
<script src="vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

<!-- HighCharts Plugin -->
<script src="vendor/plugins/highcharts/highcharts.js"></script>

<!-- JvectorMap Plugin + US Map (more maps in plugin/assets folder) -->
<script src="vendor/plugins/jvectormap/jquery.jvectormap.min.js"></script>
<script src="vendor/plugins/jvectormap/assets/jquery-jvectormap-us-lcc-en.js"></script>

<!-- FullCalendar Plugin + moment Dependency -->
<script src="vendor/plugins/fullcalendar/lib/moment.min.js"></script>
<script src="vendor/plugins/fullcalendar/fullcalendar.min.js"></script>

<!-- Theme Javascript -->
<script src="assets/js/utility/utility.js"></script>
<script src="assets/js/demo/demo.js"></script>
<script src="assets/js/main.js"></script>

<!-- Widget Javascript -->
<script src="assets/js/demo/widgets.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {

        "use strict";

        // Init Demo JS
        Demo.init();


        // Init Theme Core
        Core.init();


        // Init Widget Demo JS
        // demoHighCharts.init();

        // Because we are using Admin Panels we use the OnFinish
        // callback to activate the demoWidgets. It's smoother if
        // we let the panels be moved and organized before
        // filling them with content from various plugins

        // Init plugins used on this page
        // HighCharts, JvectorMap, Admin Panels

        // Init Admin Panels on widgets inside the ".admin-panels" container
        $('.admin-panels').adminpanel({
            grid: '.admin-grid',
            draggable: true,
            preserveGrid: true,
            // mobile: true,
            onStart: function () {
                // Do something before AdminPanels runs
            },
            onFinish: function () {
                $('.admin-panels').addClass('animated fadeIn').removeClass('fade-onload');

                // Init the rest of the plugins now that the panels
                // have had a chance to be moved and organized.
                // It's less taxing to organize empty panels
                demoHighCharts.init();
                runVectorMaps(); // function below
            },
            onSave: function () {
                $(window).trigger('resize');
            }
        });


        // Init plugins for ".calendar-widget"
        // plugins: FullCalendar
        //
        $('#calendar-widget').fullCalendar({
            // contentHeight: 397,
            editable: true,
            events: [{
                title: 'Sony Meeting',
                start: '2015-05-1',
                end: '2015-05-3',
                className: 'fc-event-success',
            }, {
                title: 'Conference',
                start: '2015-05-11',
                end: '2015-05-13',
                className: 'fc-event-warning'
            }, {
                title: 'Lunch Testing',
                start: '2015-05-21',
                end: '2015-05-23',
                className: 'fc-event-primary'
            },
            ],
            eventRender: function (event, element) {
                // create event tooltip using bootstrap tooltips
                $(element).attr("data-original-title", event.title);
                $(element).tooltip({
                    container: 'body',
                    delay: {
                        "show": 100,
                        "hide": 200
                    }
                });
                // create a tooltip auto close timer
                $(element).on('show.bs.tooltip', function () {
                    var autoClose = setTimeout(function () {
                        $('.tooltip').fadeOut();
                    }, 3500);
                });
            }
        });


        // Init plugins for ".task-widget"
        // plugins: Custom Functions + jQuery Sortable
        //
        var taskWidget = $('div.task-widget');
        var taskItems = taskWidget.find('li.task-item');
        var currentItems = taskWidget.find('ul.task-current');
        var completedItems = taskWidget.find('ul.task-completed');

        // Init jQuery Sortable on Task Widget
        taskWidget.sortable({
            items: taskItems, // only init sortable on list items (not labels)
            handle: '.task-menu',
            axis: 'y',
            connectWith: ".task-list",
            update: function (event, ui) {
                var Item = ui.item;
                var ParentList = Item.parent();

                // If item is already checked move it to "current items list"
                if (ParentList.hasClass('task-current')) {
                    Item.removeClass('item-checked').find('input[type="checkbox"]').prop('checked', false);
                }
                if (ParentList.hasClass('task-completed')) {
                    Item.addClass('item-checked').find('input[type="checkbox"]').prop('checked', true);
                }

            }
        });

        // Custom Functions to handle/assign list filter behavior
        taskItems.on('click', function (e) {
            e.preventDefault();
            var This = $(this);
            var Target = $(e.target);

            if (Target.is('.task-menu') && Target.parents('.task-completed').length) {
                This.remove();
                return;
            }

            if (Target.parents('.task-handle').length) {
                // If item is already checked move it to "current items list"
                if (This.hasClass('item-checked')) {
                    This.removeClass('item-checked').find('input[type="checkbox"]').prop('checked', false);
                }
                // Otherwise move it to the "completed items list"
                else {
                    This.addClass('item-checked').find('input[type="checkbox"]').prop('checked', true);
                }
            }

        });


        var highColors = [bgSystem, bgSuccess, bgWarning, bgPrimary];

        // Chart data
        var seriesData = [{
            name: 'Phones',
            data: [5.0, 9, 17, 22, 19, 11.5, 5.2, 9.5, 11.3, 15.3, 19.9, 24.6]
        }, {
            name: 'Notebooks',
            data: [2.9, 3.2, 4.7, 5.5, 8.9, 12.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }, {
            name: 'Desktops',
            data: [15, 19, 22.7, 29.3, 22.0, 17.0, 23.8, 19.1, 22.1, 14.1, 11.6, 7.5]
        }, {
            name: 'Music Players',
            data: [11, 6, 5, 15, 17.0, 22.0, 30.8, 24.1, 14.1, 11.1, 9.6, 6.5]
        }];

        var ecomChart = $('#ecommerce_chart1');
        if (ecomChart.length) {
            ecomChart.highcharts({
                credits: false,
                colors: highColors,
                chart: {
                    backgroundColor: 'transparent',
                    className: '',
                    type: 'line',
                    zoomType: 'x',
                    panning: true,
                    panKey: 'shift',
                    marginTop: 45,
                    marginRight: 1,
                },
                title: {
                    text: null
                },
                xAxis: {
                    gridLineColor: '#EEE',
                    lineColor: '#EEE',
                    tickColor: '#EEE',
                    categories: ['Jan', 'Feb', 'Mar', 'Apr',
                        'May', 'Jun', 'Jul', 'Aug',
                        'Sep', 'Oct', 'Nov', 'Dec'
                    ]
                },
                yAxis: {
                    min: 0,
                    tickInterval: 5,
                    gridLineColor: '#EEE',
                    title: {
                        text: null,
                    }
                },
                plotOptions: {
                    spline: {
                        lineWidth: 3,
                    },
                    area: {
                        fillOpacity: 0.2
                    }
                },
                legend: {
                    enabled: true,
                    floating: false,
                    align: 'right',
                    verticalAlign: 'top',
                    x: -15
                },
                series: seriesData
            });
        }

        // Widget VectorMap
        function runVectorMaps() {

            // Jvector Map Plugin
            var runJvectorMap = function () {
                // Data set
                var mapData = [900, 700, 350, 500];
                // Init Jvector Map
                $('#WidgetMap').vectorMap({
                    map: 'us_lcc_en',
                    //regionsSelectable: true,
                    backgroundColor: 'transparent',
                    series: {
                        markers: [{
                            attribute: 'r',
                            scale: [3, 7],
                            values: mapData
                        }]
                    },
                    regionStyle: {
                        initial: {
                            fill: '#E8E8E8'
                        },
                        hover: {
                            "fill-opacity": 0.3
                        }
                    },
                    markers: [{
                        latLng: [37.78, -122.41],
                        name: 'San Francisco,CA'
                    }, {
                        latLng: [36.73, -103.98],
                        name: 'Texas,TX'
                    }, {
                        latLng: [38.62, -90.19],
                        name: 'St. Louis,MO'
                    }, {
                        latLng: [40.67, -73.94],
                        name: 'New York City,NY'
                    }],
                    markerStyle: {
                        initial: {
                            fill: '#a288d5',
                            stroke: '#b49ae0',
                            "fill-opacity": 1,
                            "stroke-width": 10,
                            "stroke-opacity": 0.3,
                            r: 3
                        },
                        hover: {
                            stroke: 'black',
                            "stroke-width": 2
                        },
                        selected: {
                            fill: 'blue'
                        },
                        selectedHover: {}
                    },
                });
                // Manual code to alter the Vector map plugin to
                // allow for individual coloring of countries
                var states = ['US-CA', 'US-TX', 'US-MO',
                    'US-NY'
                ];
                var colors = [bgInfo, bgPrimaryLr, bgSuccessLr, bgWarningLr];
                var colors2 = [bgInfo, bgPrimary, bgSuccess, bgWarning];
                $.each(states, function (i, e) {
                    $("#WidgetMap path[data-code=" + e + "]").css({
                        fill: colors[i]
                    });
                });
                $('#WidgetMap').find('.jvectormap-marker')
                        .each(function (i, e) {
                            $(e).css({
                                fill: colors2[i],
                                stroke: colors2[i]
                            });
                        });
            }

            if ($('#WidgetMap').length) {
                runJvectorMap();
            }
        }

    });
</script>
<!-- END: PAGE SCRIPTS -->

</body>

</html>
